<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    var tbHeight="500px";
   var tbWidth="800px";
   document.write("<table border='1' height='"+tbHeight+"'width='"+tbWidth+"'>");
    function createList(arr){
        arr.forEach(function(el,i,arr1){
            document.write("<tr>");
            el.forEach(function(){
                if(j==2){
                        arr[i][j]=arr[i][j].slice(0,5)+"..."
                    }
              });  
                document.write("<td>");
                document.write(arr[i][j]);
                document.write("<td/>");
            document.write("<tr/>")
        });
    createList(arr);
    document.write("</table>");
}
</script>
</html>